$(function() {
    // menu
    if ($('.sider').width() > 80) {
        $('.menu>li>div').on('click', function() {
            $(this).parent('li').addClass('selected').siblings('li').removeClass('selected');
            if ($(this).next().css('display') == "none") {
                //收缩未展开
                $('.J_menu_title').children('ul').slideUp(300);
                $(this).next('ul').slideDown(300);
                $(this).parent('li').addClass('nav-show').siblings('li').removeClass('nav-show');
            } else {
                //收缩已展开
                $(this).next('ul').slideUp(300);
                $('.J_menu_title.nav-show').removeClass('nav-show');
            }
        });

        if (!$('.menu li').hasClass('J_menuList')) {
            $('.menu>li:nth-child(1)>div').on('click', function() {
                $('.J_menuList').slideUp(300);
            });
        }
    }


    $('.J_menuList li').on('click', function() {
        slideTo($(this));
    });

    function slideTo(element) {
        var index = $(element).attr('data-index');
        $('.J_menuList li').removeClass('selected');
        $(element).addClass('selected');
    }

    //menu 展开收缩
    $('.menuIcon').on('click', function() {
        if (!$('.sider').hasClass('sider-mini')) {
            $('.J_menu_title.nav-show').removeClass('nav-show');
            $('.J_menu_title').children('ul').removeAttr('style');
            $('.sider').addClass('sider-mini');
            $(this).addClass('anticon-menu-unfold');
        } else {
            $('.sider').removeClass('sider-mini');
            $(this).removeClass('anticon-menu-unfold');
        }
    });



    //删除弹窗
    $('.menuDel,.roleDel').on('click', function() {
        message();
    });

    //询问弹窗（带确定，取消按钮）
    function message() {
        layer.confirm('你确定要删除该行吗', {
            btn: ['取消', '确定'] //按钮
        });
    }


    //消息提示弹窗 会自动消失
    function isBtnMessage() {
        layer.msg('请输入菜单名称!');
    }




});